
Page({
  data: {
    tabs:[
      {
        id:0,
        value:"体验问题",
        isActive:true
      },
      {
        id:1,
        value:"商品、商家投诉",
        isActive:false
      }
    ],
    //被选中的图片路径 数组
    chooseImgs:[],
    //文本域的内容
    textVal:""
  },
  //外网的图片的路径数组
  UpLoadImgs:[],
 //标题点击事件
 handleTabsItemChange(e){
  //1 获取点击索引
  const {index}=e.detail;
  //修改原数组
  let {tabs}=this.data;
  tabs.forEach((v,i) => {
  i===index?v.isActive=true:v.isActive=false;
  });
  //赋值到data中
  this.setData({
    tabs
  })
},
//点击选择图片
handleChooseImg(){
  //小程序内置的api
  wx.chooseImage({
    count: 9,//同时选中的图片数量
    sizeType: ['original','compressed'],//图片格式：原图-压缩
    sourceType: ['album','camera'],//图片来源 相册 照相机
    success: (result)=>{
      this.setData({
        //为了方便的选择图片
        //图片数组进行拼接
        chooseImgs:[...this.data.chooseImgs,...result.tempFilePaths]
      })
    }
  });
},
//点击自定义的图片组件
handleRemoveImg(e){
  //获取索引
  const {index}=e.currentTarget.dataset;
  //获取原数组
  let {chooseImgs}=this.data;
  //根据索引删除对应元素
  chooseImgs.splice(index,1);
  //把数组重新设置回data中
  this.setData({
    chooseImgs
  })
},
//文本域内容改变事件
handleText(e){
  this.setData({
    textVal:e.detail.value
  })
},
//点击提交按钮
handleFormSubmit(){
  //1 获取文本域的内容
  const {textVal,chooseImgs}=this.data;
  //2 合法性的验证
  if(!textVal.trim()){
    //不合法
    wx.showToast({
      title: '输入不合法',
      icon: 'none',
      mask: true
    });
    return;
  }
  /*/3 准备上传图片
  chooseImgs.forEach((v,i)=>{
    wx.uploadFile({
      url: 'https://images.ac.cn/Home/Index/UploadAction/',//上传到哪里处理
      filePath: v,//被上传的文本路径
      name: "file",//上传的文件的名称，后台来获取文件
      formData: {},//顺带的文本信息
      success: (result)=>{
        
      }
      1--后续添加loading图标，showloading的api
      2--在添加判断是否上传图片
    });
  })*/
  //4 所有的图片和数据都提交完成
  //5 提交都成功了--重置页面
  wx.showToast({
    title: '提交成功',
    mask: true
  });
  this.setData({
    textVal:"",
    chooseImage:[]
  })
  //6 返回上一页
  // wx.navigateBack({
  //   delta: 1
  // });
}
});